///////////// GAMMAL JAVASCRIPT MATTANKEN

/*
 Instagram-script
 Author: Sven Dahlstrand
 https://github.com/svendahlstrand/sitevision-instagram
*/
var settings = {
  accessToken: '6279053068.520c083.3a865e7910034a959e1c5e744642140d',
  numberOfMedia: 4,
  userId: 6279053068   
};



// You shouldn't need to edit below this line!

 
function Instagram(settings) {
  this.accessToken = settings.accessToken;
}

Instagram.prototype.get = function (endpoint) {
  importPackage(java.net);
  importPackage(Packages.org.apache.commons.io);

  var url = new URL('https://api.instagram.com/v1' + endpoint + '?access_token=' + this.accessToken);
  var connection = url.openConnection();
  var body = IOUtils.toString(connection.getInputStream(), 'UTF-8');

  return eval('(' + body  + ')');
};

Instagram.prototype.selfFeed = function () {
  return this.get('/users/self/feed');
};

Instagram.prototype.recentMediaFromUser = function (userId) {
  return this.get('/users/' + userId + '/media/recent');
};

Instagram.prototype.recentMediaForTagName = function (tagName) {
  return this.get('/tags/' + tagName + '/media/recent');
};

function Media(data) {
  this.createdTime = data.created_time;
  this.link = data.link;
  this.lowResolution = data.images.low_resolution.url;
  this.thumbnail = data.images.thumbnail.url;
  this.standardResolution = data.images.standard_resolution.url;
  this.captionText = data.caption && data.caption.text || null;
  this.tags = data.tags.join(', ');
}

var instagram = new Instagram(settings);
var json;
var medias = [];

if (settings.tagName) {
  json = instagram.recentMediaForTagName(settings.tagName);
}
else if(settings.userId) {
  json = instagram.recentMediaFromUser(settings.userId);
}
else {
  json = instagram.selfFeed();
}

var numberOfMedia = settings.numberOfMedia < json.data.length ? settings.numberOfMedia : json.data.length;

for (var i = 0; i < numberOfMedia; i++) {
  medias.push(new Media(json.data[i]));
}

medias = java.util.Arrays.asList(medias);


############## VM-skript
#*
#if ($medias.size() > 0)
  #set ($count = 0)
  <div class="sv-row instagram">
    #foreach ($media in $medias)
      #set ($gridbreak = false)
      #set ($count = $count+1)
      
      #if ($media.get('captionText', $media).length() > 0)
        #set ($instagramCaption = $media.get('captionText', $media))
      #else
         #set ($instagramCaption = "Instagram-bild från @matlandet")
      #end
      
      #if ($count == 1)
         <div class="sv-column-8 instagram-row">
      #elseif( $count == 4 )
         </div><!-- /sv-column-7  -->
         <div class="sv-column-8 instagram-row">
      #end 
		<img src="$media.get('thumbnail', $media)" alt="$endecUtil.escapeXML($instagramCaption)"/>
		## <a class="instagram-image" href="$media.get('standardResolution', $media)" title="$endecUtil.escapeXML($instagramCaption)"><img src="$media.get('thumbnail', $media)" alt="$endecUtil.escapeXML($instagramCaption)"/></a>
      
      #if( $count == 6 )
         </div><!-- /sv-column-7  -->
      #end
    #end
  </div>
#end
*#



#set($endecUtil = $request.getAttribute('sitevision.utils').endecUtil)


#if ($medias.size() > 0)
  #set ($count = 0)
<div class="instagram instagram-row">
#foreach ($media in $medias)
#set ($instagramCaption = $media.get('captionText', $media))    
<a class="instagram-image" href="$media.get('standardResolution', $media)" title="$endecUtil.escapeXML($instagramCaption)"><img src="$media.get('thumbnail', $media)" alt="$endecUtil.escapeXML($instagramCaption)"/></a>#end
</div>
#end


#*
#if ($medias.size() > 0)
  #set ($count = 0)
<div class="instagram instagram-row">
     		#foreach ($media in $medias)
        		#set ($count = $count+1)
        		#if ($media.get('captionText', $media).length() > 0)
        			#set ($instagramCaption = $media.get('captionText', $media))
        		#else
        			#set ($instagramCaption = "Instagram-bild från @mattanken")
        		#end
<img src="$media.get('thumbnail', $media)" alt="$endecUtil.escapeXML($instagramCaption)"/>     
##<a class="instagram-image" href="$media.get('standardResolution', $media)" title="$endecUtil.escapeXML($instagramCaption)"><img src="$media.get('thumbnail', $media)" alt="$endecUtil.escapeXML($instagramCaption)"/></a>   
         #end
	</div>
#end
*#